import React from 'react';
import { View, StyleSheet, Alert } from 'react-native';
import {
    useThemeColors,
    Navigation,
    UI,
    Layout,
} from '@gaozh1024/rn-toolkit';
import { SCREEN_NAMES } from '../../config';

export default function LayoutScreen() {
    const colors = useThemeColors();

    return (
        <Layout.Page
            scrollable={true}
            headerProps={{
                title: 'Layout'
            }}
        >
            <UI.Button title={'Card'} fullWidth mb={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.LAYOUT_CARD_TEST)} />
            <UI.Button title={'Container'} fullWidth
                onPress={() => Navigation.navigate(SCREEN_NAMES.LAYOUT_CONTAINER_TEST)} />
            <UI.Button title={'Page'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.LAYOUT_PAGE_TEST)} />
            <UI.Button title={'Header'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.LAYOUT_HEADER_TEST)} />

        </Layout.Page >
    );
}
